.plotContainer {

  width: 100%;
  height: 100%;

  svg.plot {
    width: 100%;
    height: 100%;
  }

  text {
    font-size: 14px;
    paint-order: stroke;
    stroke: #ffffff;
    stroke-width: 2px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
  }


  path {
    stroke-width: 1;
    fill: none;

    &.plot-area-a0 {
      stroke: steelblue;
      stroke-width: 3;
    }

    &.plot-area-a1 {
      stroke: crimson;
      stroke-width: 3;
    }

    &.plot-area-d0 {
      stroke: lightcoral;
    }

    &.plot-area-d1 {
      stroke: chartreuse;
    }

    &.plot-area-d2 {
      stroke: cornsilk;
    }

    &.plot-area-d3 {
      stroke: darkmagenta;
    }

    &.plot-area-fft0 {
      stroke: rgb(4, 65, 116);
    }

    &.plot-area-fft1 {
      stroke: rgb(160, 4, 35);
    }

    &.plot-area-xy {
      stroke: rgb(3, 102, 53);
    }
  }

  line {

    &.measureX,
    &.measureY {
      stroke: black;
      stroke-dasharray: 5;
      stroke-width: 1;
    }

    &.measureCap {
      stroke: black;
      stroke-width: 1;
    }

    &.triggerPosHandle {
      cursor: col-resize;
    }

    &.triggerVoltageHandle {
      cursor: row-resize;
    }

    &.triggerPosHandle,
    &.triggerVoltageHandle {
      stroke-width: 40;
      stroke: white;
      opacity: 0.03;
    }

    &.triggerPos,
    &.triggerVoltage {
      fill: none;
      stroke-dasharray: 10;
      stroke-width: 2;
      opacity: 0.7;
    }

    &.triggerPos {
      stroke: black;
    }

    &.triggerVoltage {
      stroke: black;
    }

    &.triggerPos.active,
    &.triggerVoltage.active {
      stroke-width: 1;
    }
  }

  .axis {
    .domain {
      fill: rgba(0, 0, 0, 0.2);
      stroke: grey;
      stroke-width: 2;
    }

    &.y text {
      font-size: 14px;
    }

    line {
      fill: none;
      stroke: grey;
      stroke-width: 1;
      opacity: 0.3;
      stroke-dasharray: 5;
    }

  }
}